// function move(ele,data,cb){
//     clearInterval(ele.t);
//     ele.t = setInterval(function(){
//         let falg = true;
//         for(let i in data){
//             let now = getStyle(ele,i)
//             let speed = (data[i] - now)/10;
//             speed = speed<0?Math.floor(speed):Math.ceil(speed);
//             ele.style[i]= now + speed + "px";
//             if(now !== data[i])falg = false;
//         }
//         if(falg){
//             clearInterval(ele.t);
//             if(cb)cb();
//         }
//     },30);

// }

// function getStyle(ele,attr){
//     return getComputedStyle?getComputedStyle(ele,attr):ele.currentStyle;
// }


function move(ele,data,cb){
    clearInterval(ele.t);
    ele.t = setInterval(function(){
        let flag = true;
        for(let i in data){
            let now = parseInt(getStyle(ele,i));
            let speed = (data[i]-now)/10;
            speed = speed<0?Math.floor(speed):Math.ceil(speed);
            ele.style[i] = now + speed + "px";
            if(now !== data[i])flag = false;
        }
        if(flag){
            clearInterval(ele.t);
            if(cb)cb();
        }
    },30);
}


function getStyle(ele,attr){
    return getComputedStyle?getComputedStyle(ele)[attr]:ele.currentStyle[attr];
}